import styled from 'styled-components'

export const Wrap = styled.div`
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 0px;
	height: 100%;
	flex-direction: column;
	.body-main {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin-top: 0px;
		padding: 84px 56px 0px 50px;
		flex: 1;
		.left {
			width: 150px;
			height: 180px;
			img {
				width: 150px;
				height: 150px;
				margin: 0;
				padding: 0;
				/* border: 1px #ccc solid; */
			}
			.img-text {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 13px;
				margin-top: 4px;
			}
		}
		.right {
			flex: 1;
			height: 100px;
			margin-left: 58px;
			.item-line {
				height: 32px;
				font-size: 14px;
				display: flex;
				margin-bottom: 10px;
				&-title {
					width: 80px;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
				&-content {
					flex: 1;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					flex-direction: row;
					/* background-color: #f2f2f2; */
					& > div:first-child {
						flex: 1;
						margin-right: 10px;
						width: 200px;
						overflow: hidden;
						height: 30px;
						line-height: 30px;
						white-space: nowrap;
						text-overflow: ellipsis;
						display: block;
					}
				}
			}
		}
	}
	.share-bottom {
		margin-bottom: 26px;
		display: flex;
		justify-content: center;
		width: 100%;
	}
`
